// 初始化左侧滚动
mui('.lt_cateLeft').scroll()
// 初始化右侧滚动
var scrollRight = mui('.lt_cateRight').scroll()

// 动态渲染数据
$(function () {
    // 1. 页面加载完毕 渲染默认数据
    firstCategoryGetData(function (res) {
        console.log(res, '一级分类数据')
        // 1.1. 渲染一级分类
        $('.lt_cateLeft ul').html(template('firstCategory', res))

        // 1.2. 根据一级分类的id去请求 渲染二级分类
        // 获取一级分类第一分类的id
        var id = res.rows[0].id
        secondCategoryGetData({ id: id }, function (data) {
            console.log(data, '二级分类数据')
            $('.lt_cateRight ul').html(template('secondCategory', data))
        })
    })

    // 2. 点击一级分类发请求 二级分类数据更新
    $('.lt_cateLeft ul').on('tap', 'li', function () {
        // 2.0 二级列表滚动到初始位置
        scrollRight.scrollTo(0, 0, 100)
        // 2.1.获取当前id
        var id = $(this).data('id')
        // console.log(id)
        // 2.2. 请求2级分类数据 
        secondCategoryGetData({ id: id }, function (data) {
            console.log(data, '点击一级分类得到的二级分类数据')
            // 2.2.1 如果返回数据为空 需要在模板中 判断显示无数据提示
            $('.lt_cateRight ul').html(template('secondCategory', data))
        })

        // 2.3 左侧一级分类tab效果
        $(this).addClass('now').siblings().removeClass('now')
    })
})


// 获取一级分类数据
var firstCategoryGetData = function (callback) {
    $.ajax({
        type: "get",
        url: "/category/queryTopCategory",
        async: true,
        success: function (res) {
            callback && callback(res)
        }
    });
}
// 获取二级分类数据
var secondCategoryGetData = function (params, callback) {
    $.ajax({
        type: "get",
        url: "/category/querySecondCategory",
        async: true,
        data: params,
        success: function (data) {
            callback && callback(data)
        }
    });
}